import { _decorator, Component, Node, tween, Color, UIOpacity } from 'cc';
const { ccclass, property } = _decorator;

@ccclass('FadeIn')
export class FadeIn extends Component {
    // 设置淡入动画的持续时间，默认为1秒
    @property({ type: Number, tooltip: '淡入动画的持续时间（秒）' })
    duration: number = 1;

    onLoad() {
        
    }

    // 淡入动画的实现
    fadeIn() {
        // 获取节点的渲染组件
        // 设置初始透明度为0（完全透明）
        let op = this.node.getComponent(UIOpacity)
        op.opacity = 0;

        // 创建一个Tween动画
        tween(op)
            .to(this.duration, { opacity: 255 }) // 在指定时间内将透明度变为255（完全不透明）
            .start();
    }
}
